@mixin ellipsisBasic($clamp: 1) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: $clamp;
}

@mixin posac() {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

// from: https://dev.to/inverseswirl/how-to-add-keyframes-animation-code-in-scss-46k8
// @mixin keyframes($name){
//     @keyframes #{$name}{
//         @content;
//     }
// }

// @mixin animate($animation,$duration,$method,$times){
//     animation: $animation $duration $method $times;
// }

@keyframes move {
    from {
        transform: rotate(0deg);
    }
    
    to {
        transform: rotate(360deg);
    }                
}